/* 
    Document   : style
    Created on : 2012-02-09, 13:12:10
    Author     : Jeremiasz
    Description:
        Purpose of the stylesheet follows.
*/
    

@font-face {
    font-family: 'CantarellBold';
    src: url('cantarell-bold-webfont.eot');
    src: url('cantarell-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cantarell-bold-webfont.woff') format('woff'),
         url('cantarell-bold-webfont.ttf') format('truetype'),
         url('cantarell-bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
    background-color:#3d3d3d;
    text-decoration: none;
    font-family:'CantarellBold',Arial,sans-serif;
    margin: 0;
}

a:link{
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration: none;
    color: #cccccc;
}
a:visited{
    text-decoration: none;
    color: inherit;
}
a:active{
    text-decoration: none;
    color: #cccccc;
}

h3,h4{
    font-weight: normal;
    font-style: normal;
}
#bar{
    background-color: #2D2D2D;
    height: 30px;
    color: #ffffff;
    line-height:30px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed; 
    width:100%;
}

#bar form{
    display: inline-block;
}

#bar .koszykbar{
    margin-bottom:0px;
    margin-top:0px;
    margin-right: 10px;
    display: inline;
    float:right;
    
}

#site{
    background-color: #ffffff;
    width:990px;
    margin:auto;
    height:100%;
}
#header{
    background-color: #3CBE6E;
    height: 210px;
    font-size: 60px;
    color: #ffffff;
    line-height:240px;
    padding-left: 10px;
    
}

#header a:hover{
    color: #ffffff;
    opacity: 0.7;
}
#header a:link{
    color: #ffffff;    
}
#header a:visited{
    color: #ffffff;    
}
#header a:active{
    color: #ffffff;    
}
#menu{
    line-height:30px;
    height: 30px;
    color:#3CBE6E;
    word-spacing: 68px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    text-transform: uppercase;
    border-bottom: solid 1px #3CBE6E;

}
#menu form{
    display: inline-block;
}
#menu_left{
    background-color: #999999;
    float:left;
    width: 190px;
    color:#3CBE6E;
}
#content{
    background-color: #0099ff;
    float:right;
    width: 800px;
    min-height:500px;

}
#footer{
    text-align: center;
    float:right;
    width: 990px;
    color:#3CBE6E;
}
.miniature{
    float:left;
    font-size: 12px;
    background-color: #ffffff;
    width: 399px;
    height: 230px;
/*    border-bottom: solid 1px #EEEEEE;
    border-left: solid 1px #EEEEEE;*/
    border-bottom: dotted 1px #3CBE6E;
    border-right: dotted 1px #3CBE6E;
    color: black;
    
}

.miniature a:link{
	text-decoration: none;
	color:#3CBE6E;
}
.miniature a:visited{
	text-decoration: none;
	color:#3CBE6E;
}
.miniature a:active{
	text-decoration: none;
	color:#3CBE6E;
}

.miniature:hover{
    background-color: #ccffcc;
}
.miniature img{
    float:left;
    position: relative; left:10px; top:10px;
}
.miniinfo{
    float:left;
    width: 200px;
    position: relative; left:17px; top:10px;
}
.miniinfo h3{
    margin:0;
    width: 180px;
    font-size: 18px;
    color:#3CBE6E;   
}
.miniinfo h4{
    margin:0;
    height: 16px;
    font-size: 16px;
}
.minioption{
    float:right;
    position: relative; right:10px; top:10px;
}

.entire{
    width: 800px;
    background-color: #ffffff;
    float:left;
    
}
.entire img{
   float:left; 
   position: relative; left:20px; top:20px;
}

.entireinfo{
    float:left;
    position: relative; left:40px; top:20px;
    font-size: 13px;
}

.entireoption{
    float:right;
    position: relative; right:20px; top:20px;
}

.entireabout{
    float:left;
    width:760px;
    height:auto;
    padding: 40px 20px 20px 20px;

}

.entireinfo h3{
    margin:0;
    width: 450px;
    font-size: 20px;
    color:#3CBE6E;    
    
}

.entireinfo h4{
    margin:0;
    font-size: 18px;
    height: 18px;
}

.entireabout h3{
    margin:0;
    font-size: 16px;
    height:25px;
    color:#3CBE6E;    
    
}

#catmenu{
    width: 179px;
    background-color: #ffffff;
    float:left;
    padding: 10px 0px 20px 10px;
    border-right: solid 1px #3CBE6E;


    
}
#catmenu h3{
    margin:0;
    height: 20px;
    font-size: 16px;
    color:#3CBE6E;
}
#catmenu p{
    color: black;
    margin:0;
    padding-left: 10px;
    font-size: 13px;
}

#sorting{
    color: #184C2C;
    text-align:left;
    word-spacing: 60px;
    width: 799px;
    height: 60px;
    background-color: #ffffff;
    border-bottom: solid 1px #3CBE6E;
    border-right: solid 1px #3CBE6E;
/*    border-top: solid 1px #EEEEEE;*/
    line-height: 30px;
}

#sitechange{
    text-align:center;
    word-spacing: 10px;
    float:left;
    width: 800px;
    height: 20px;
    background-color: #ffffff; 
    border-top: solid 1px #EEEEEE;
}


#rejestracja{
    width: 780px;
    background-color: #ffffff;
    float:left;
    padding-left: 20px;
    padding-bottom: 20px;
}

#koszyk{
    width: 780px;
    background-color: #ffffff;
    float:left;
    padding-left: 20px;
    padding-bottom: 20px; 
    padding-top: 5px; 
}

table{
    border-collapse: collapse;
}

#konto{
    width: 780px;
    background-color: #ffffff;
    float:left;
    padding-left: 20px;
    padding-bottom: 20px; 
    padding-top: 5px; 
}

#baza{
    font-family: 'Arial'
}

#se{
    background-color: red;
}